﻿<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
	<meta charset="utf-8" />
    <script src="../script/jquery.min.js"></script>
    <script src="../script/jquery.easyui.min.js"></script>
    <link href="../themes/icon.css" rel="stylesheet" />
    <link href="../themes/default/easyui.css" rel="stylesheet" />
    <link href="../themes/Site.css" rel="stylesheet" />
    <script type="text/javascript">
        $(function () {
            $('#dg').datagrid({
                pagination: true,
                rownumbers:true,
                singleSelect:true,
                url: 'datagrid_data1.json',
                method:'get',
                columns: [[
                    { field: 'productid', title: 'Code', width: 100 },
                    { field: 'productname', title: 'Name', width: 100 },
                    { field: 'unitcost', title: 'Price', width: 100, align: 'right' }
                ]]
            });
            $("#add").click(function () {
                $("#ff").dialog({    
                    title: '新增用户',    
                    width: 420,    
                    height:400,    
                    closed: false,    
                    cache: false,    
                   
                    modal: true   
                });
                $("#frm2").attr("src","新增用户.html")
            })
            $("#xiugai").click(function () {
                $("#ff1").dialog({
                    title: '修改用户',
                    width: 420,
                    height: 400,
                    closed: false,
                    cache: false,

                    modal: true
                });
                $("#frm3").attr("src", "修改用户.html")
            })
            $("#shanchu").click(function () {
                var row = $("#dg").datagrid("getSelected");
                if (row != null) {
                    
                }
                else {
                    $.messager.alert("警告","您并未选中用户信息","warning")
                }

            })
        })

    </script>
</head>
<body>
    <a id="add" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add'">新增</a>
    <a id="xiugai" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-edit'">修改</a>
    <a id="shanchu" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-remove'">删除</a><br />
   
    登录名：<input type="text" class="easyui-numberbox"  data-options="min:0,precision:2"></input>
    真实姓名：<input type="text" class="easyui-numberbox" data-options="min:0,precision:2"></input>  
    联系电话：<input type="text" class="easyui-numberbox" data-options="min:0,precision:2"></input>
    <a id="btn6" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">查询</a>


    <table id="dg"></table>
    <div id="ff"><iframe id="frm2" width="400px" height="320px" frameborder="0"></iframe></div>
    <div id="ff1"><iframe id="frm3" width="400px" height="320px" frameborder="0"></iframe></div>

</body>
</html>
